import React from 'react'
import {Outlet,NavLink} from 'react-router-dom'
import { Tabbar } from 'react-vant';
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons';
export default function Home() {
  return (
    <div>
        <Outlet></Outlet>
       
    <Tabbar>
      <Tabbar.Item icon={<HomeO />}>
        <NavLink to='/home/index'>首页</NavLink>
      </Tabbar.Item>
      <Tabbar.Item icon={<Search />}>
      <NavLink to='/home/fl'>分类</NavLink>
      </Tabbar.Item>
      <Tabbar.Item icon={<FriendsO />}><NavLink to='/home/shop'>shop</NavLink></Tabbar.Item>
      <Tabbar.Item icon={<SettingO />}><NavLink to='/home/my'>我的</NavLink></Tabbar.Item>
    </Tabbar>
   
    </div>
  )
}
